<template>
	<view class="container">
		<!-- 背景图 -->
		<view class="x-c"><image class="logo-bg" src="http://shopro.7wpp.com/imgs/logo_bg.png" mode=""></image></view>
		<!-- titleview -->
		<view class="head-box"><cu-custom :isBack="true"></cu-custom></view>
		<view class="wrapper">
			<!-- logo -->
			<view class="x-c">
				<text class="tab-title" style="font-size:46rpx">用户注册</text>
				<!-- <image class="logo" :src="sysInfo.logo" mode="widthFix"></image> -->
			</view>
			<!-- 表单 -->
			<view class="login-box y-f">
				<view class="input-item x-c">
					<text class="inp-title">手机号</text>
					<input class="inp" v-model="mobile" type="number" placeholder="请输入手机号" placeholder-class="pl" />
				</view>
				<view class="input-item x-c">
					<text class="inp-title">密&emsp;码</text>
					<input class="inp" password v-model="password" type="text" placeholder="请输入6-14位密码" placeholder-class="pl" />
				</view>
				<view class="tip-box" @tap="onTcp">
					<label class="x-f">
						<radio class="tcp-radio brown" :class="{ checked: isTcp }" :checked="isTcp"></radio>
						<view class="">
							我已阅读并遵守
							<text class="tcp" @tap="jump('/pages/public/richtext', { id: 1 })">《用户协议》</text>
							与
							<text class="tcp" @tap="jump('/pages/public/richtext', { id: 2 })">《隐私协议》</text>
						</view>
					</label>
				</view>
			</view>
			<!-- 登录按钮 -->
			<view class="x-c y-f"><button class="cu-btn login-btn" @tap="register">立即注册</button></view>
		</view>
	</view>
</template>

<script>
import hex_md5 from "@/common/js/md5.js";
import { mapMutations, mapActions, mapState } from 'vuex';

export default {
	data() {
		return {
			mobile: '',
			code: {
				text: '获取验证码',
				status: false,
				value: ''
			},
			password: '',
			isTcp: false, //协议
			sysInfo: uni.getStorageSync('sysInfo')
		};
	},
	computed: {
		...mapState({
			initData: state => state.init.initData
		})
	},
	onLoad() {},
	methods: {
		...mapActions(['setTokenAndBack']),
		jump(path, parmas) {
			this.$Router.push({
				path: path,
				query: parmas
			});
		},
		async getCode() {
			let that = this;
			that.code.status = true;
			let countdown = 60;
			that.$api('sms.send', {
				mobile: that.mobile,
				event: 'register'
			}).then(res => {
				if (res.code === 1) {
					that.code.text = countdown + '秒';
					that.code.status = true;
					let timer = setInterval(() => {
						if (countdown > 0) {
							that.code.text = countdown - 1 + '秒';
							countdown--;
						} else {
							clearInterval(timer);
							that.code.text = '获取验证码';
							that.code.status = false;
						}
					}, 1000);
				} else {
					that.code.status = false;
				}
			});
		},

		register() {
			let that = this;
			let puid=uni.getStorageSync("pUid");
			let orgcode=uni.getStorageSync("pOrgcode")||"000003";
			if (this.isTcp) {
				
				
				var postObj = {
					method: "Base.MicroGroup.User.Register",
					ver: "1.0",
					timestamp: parseInt(Date.parse(new Date()) / 1000 + 8 * 60 * 60).toString(),
					username: this.mobile,
					password: hex_md5(this.password),
					// groupguid:groupguid,
					orgcode:orgcode,
					name:this.mobile
				};
				
				
				//注册成为平台用户
				uni.request({
				    url: this.$config.API_Gateway,
					method:"POST",
					data:postObj,
					success: (result) => {	
						console.log(result);
						result.data.Password= hex_md5(this.password);
						result.data.DistributeCode=uni.getStorageSync("orgcode")||"000003";
						
						
						//注册成为商城用户
						uni.request({
						    url: this.$config.API_URL+"User/CreateShopUser",
							method:"POST",
							data:result.data,
							success:(regResult)=>{
								
								
								
								let uid=regResult.data.msg.uid;
								if(puid!=''){
									
									//注册分销链
									// uni.request({
									//     url: this.$config.Distribute_URL+"regisshare/?userid="+uid+"&register_id="+puid,
									// 	method:"GET",
									// 	success:(pyResult)=>{
									// 		alert(pyResult);
											
											uni.showToast({
												title:  '注册成功,请前往登录',
												icon: 'success',
												duration: 1000,
												mask: true,
												success: function() {
													that.jump("/pages/public/loginc",{})
												}
											});
											
											
									// 	}
									// })
									
									
									
									uni.showToast({
										title:  '注册成功,请前往登录',
										icon: 'success',
										duration: 1000,
										mask: true,
										success: function() {
											that.jump("/pages/public/loginc",{})
										}
									});
									
								}else{
									uni.showToast({
										title:  '注册成功,请前往登录',
										icon: 'success',
										duration: 1000,
										mask: true,
										success: function() {
											that.jump("/pages/public/loginc",{})
										}
									});
								}
								// }else{
								// 	uni.showToast({
								// 		title:  '注册失败,用户已存在',
								// 		icon: 'error',
								// 		duration: 1000,
								// 		mask: true,
								// 		success: function() {
								// 			that.setTokenAndBack(res.data.userinfo.token);
								// 		}
								// 	});
								// }
								
								
							}
						});
							
						
						
						
						
						
					},
				})
				
				
				// $.post(API_URL, JSON.stringify(postObj), function(data) {
				// 	var d=eval("(" + data + ")");
					
				// 	if(!d.msg){
				// 		jQuery.ajax({
				//             type: "POST",
				//             async: true,
				//             url: myAppConfig.newAPI + myAppConfig.orgcode + "/eos/goods/v2/customer/",
				//             data:JSON.stringify({
				//             	name:name,
				//             	contactname:contactname,
				//             	telephone:contactphone,
				//             	address:address,
				//             	isclient:1,
				//             	eosguid:d.Guid
				//             }),
				//             headers: {
				//                 'Authorization': 'Bearer ' + myAppConfig.access_token,
				//                 "Content-Type":"application/json"
				//             },
				//             dataType: "json",
				//             success: function (data2) {
				//             	console.log("---customer---");
				//             	console.log(data2);
				            	
				//             	if(callBack)
				// 					callBack(d);
				//             }
				//         });
				        
				        
				// 	}
					
					
					
				// });
				
				
				
				// this.$api('user.register', {
				// 	mobile: this.mobile,
				// 	code: this.code.value,
				// 	password: this.password
				// }).then(res => {
				// 	if (res.code === 1) {
				// 		uni.showToast({
				// 			title: res.msg || '注册成功,请前往登录',
				// 			icon: 'success',
				// 			duration: 1000,
				// 			mask: true,
				// 			success: function() {
				// 				that.setTokenAndBack(res.data.userinfo.token);
				// 			}
				// 		});
				// 	}
				// });
			} else {
				this.$tools.toast('请先同意协议！');
			}
		},

		onTcp() {
			this.isTcp = !this.isTcp;
		}
	}
};
</script>

<style lang="scss">
.container {
	position: relative;
	width: 100vw;
	height: 100vh;
	// overflow: hidden;
	background: linear-gradient(180deg, rgba(239, 196, 128, 1) 0%, rgba(248, 220, 165, 1) 25%, rgba(255, 255, 255, 1) 98%);

	// titleview
	.head-box {
		.cuIcon-back {
			font-size: 50rpx !important;
			font-weight: 500;
		}
	}

	// logo
	.logo {
		width: 410rpx;
		height: 120rpx;
	}

	.logo-bg {
		width: 640rpx;
		height: 300rpx;
	}
}

.wrapper {
	position: absolute;
	z-index: 90;
	padding-bottom: 40upx;
	padding-top: 115px;
	width: 100vw;
	height: 100vh;
	top: 0;

	// 输入
	.login-box {
		margin-top: 140rpx;

		.input-item {
			height: 108rpx;
			border-bottom: 1rpx solid rgba(#d0b17b, 0.3);
			width: 608rpx;

			.inp-title {
				font-size: 30rpx;
				color: #845708;
				padding-right: 30rpx;
			}

			.inp {
				flex: 1;
				height: 100%;
				font-size: 28rpx;
			}

			.pl {
				color: #c8963d;
			}

			.code-btn {
				background: none;
				font-size: 28rpx;
				color: #845708;
				border-left: 1rpx solid #d0b17b;
				border-radius: 0;
				height: 42rpx;
				width: 190rpx;
				padding: 0;
			}
		}
	}

	// 登录
	.login-btn {
		width: 630upx;
		height: 80upx;
		border-radius: 40rpx;
		margin-top: 70upx;
		background: linear-gradient(90deg, rgba(233, 180, 97, 1), rgba(238, 204, 137, 1));
		box-shadow: 0px 7rpx 6rpx 0px rgba(229, 138, 0, 0.22);
		color: #fff;
	}

	.tip-box {
		width: 630rpx;
		line-height: 108rpx;
		font-size: 24rpx;
		font-weight: 400;
		color: rgba(200, 150, 61, 1);

		.tcp-radio {
			transform: scale(0.5);
		}

		.tcp {
			text-decoration: underline;
		}
	}
}
</style>
